<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<title>客户订单列表</title>
		<link rel="stylesheet" href="asset/css/conmom.css" />
		<link rel="stylesheet" href="asset/css/shopCat.css" />
	</head>
	<body>
		<div class="olist">
			 <div class="title"><i class="iconfont back icon-xiangzuo2" onclick="window.history.go(-1)"></i>客户订单列表<i class="icon iconfont icon-gouwuche olistshopcat" onclick="window.location.href='shopCart.html'"></i></div>
			 <div>
			 	<div class="tabs-nav--wrap">
			 		<ul>
			 			<li class="active">全部</li>
			 			<li>代付款</li>
			 			<li>代发货</li>
			 			<li>待收货</li>
			 			<li>退款/货</li>
			 		</ul>
			 	</div>
			 	<div class="olistShop">
		    		<div class="shopName ">
			    		<span class="shopI"><i class="icon iconfont icon-gerenzhongxin"></i>奇高灯饰</span>
			    		<span class="fr status">待发货</span>
			    	</div>
		    		<div class="commodity" data-id="76415" data-product-id="6721">
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    			</div>
		    			<div class="cartRight">
		    				<p>￥1342.00</p>
		    				<p><span class=""><span>x</span>2</span></p>
		    			</div>
		    		</div>
		    		<div class="cont-pric">
		    			<span>合计:<b>￥25.00</b><span>（<b>2</b>件商品）</span></span>
	    				<span>佣金共计:<b>￥25.00</b></span>
		    		</div>
		    		<div class="operate-button">
		    			<a href=""><div>标注急单</div></a>
		    			<a href="orderDetail.html"><div>查看详情</div></a>
		    		</div>
		    	</div>
		    	<div class="olistShop">
		    		<div class="shopName ">
			    		<span class="shopI"><i class="icon iconfont icon-gerenzhongxin"></i>奇高灯饰</span>
			    		<span class="fr status">退货成功</span>
			    	</div>
		    		<div class="commodity" >
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    			</div>
		    			<div class="cartRight">
		    				<p>￥1342.00</p>
		    				<p><span class=""><span>x</span>2</span></p>
		    			</div>
		    		</div>
		    		<div class="commodity" >
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    			</div>
		    			<div class="cartRight">
		    				<p>￥1342.00</p>
		    				<p><span class=""><span>x</span>2</span></p>
		    			</div>
		    		</div>
		    		<div class="operate-button">
		    			<a href="orderDetail.html"><div>查看详情</div></a>
		    		</div>
		    	</div>
		    	<div class="olistShop">
		    		<div class="shopName ">
			    		<span class="shopI"><i class="icon iconfont icon-gerenzhongxin"></i>奇高灯饰</span>
			    		<span class="fr status">待收货</span>
			    	</div>
		    		<div class="commodity" data-id="76415" data-product-id="6721">
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    			</div>
		    			<div class="cartRight">
		    				<p>￥1342.00</p>
		    				<p><span class=""><span>x</span>2</span></p>
		    			</div>
		    		</div>
		    		<div class="commodity" data-id="76415" data-product-id="6721">
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    			</div>
		    			<div class="cartRight">
		    				<p>￥1342.00</p>
		    				<p><span class=""><span>x</span>2</span></p>
		    			</div>
		    		</div>
		    		<div class="cont-pric">
		    			<span>共<b>2</b>件商品</span>
		    			<span>合计:<b>￥25.00</b></span>
		    		</div>
		    		<div class="operate-button">
		    			<a href="orderDetail.html"><div>查看详情</div></a>
		    			<a href="logistics.html"><div>查看物流</div></a>
		    		</div>
		    	</div>
		    </div>
		</div>
	</body>
	<script type="text/javascript" src="public/jquery.min.js" ></script>
	<script type="text/javascript" src="asset/font/iconfont.js" ></script>
	<script>
		$(".tabs-nav--wrap>ul>li").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
		});
		//取消订单
		$(".cancel-order").click(function(){
			var that=$(this).parent().siblings(".shopName").find(".status").text();
			if(that=="待付款"){
				$(this).parent().siblings(".shopName").find(".status").html("交易关闭");
				var parent = $(this).parent().clone(true);
				var olist = $(this).parent().parent();
				$(this).parent().remove();
				parent.children("div").remove();
				var pte=parent.append('<a href="orderDetail.html"><div>查看详情</div></a>');
				olist.append( pte );
			}
		})

	</script>
</html>
